JavaScript Source Code 2002: Navigation: Thumbnail Navigator

Home

Thumbnail Navigator

Allows the visitor to easily browse with Previous and Next through several thumbnail images (all of which are preloaded so they show up instantly). Then they can click the Go button to be taken to the selected thumbnail's full size image.

Thumbnail Navigator

Browse to a picture you like and click "GO".

You will also need these images in
order to use this script. Please
download the zip file link below
which includes all the images.

thumbnail-navigator-pics.zip

JavaScript Source Code 2002: Navigation: Thumbnail Navigator
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> </HEAD>  <BODY> <center> <table bgcolor="#003366" border=0> <tr> <td align=center width=300> <font color=white face="Arial, Helvetica" size="+1">Thumbnail Navigator</font> <br><br> <img name=p src="1-thumb.jpg" border=0 width=144 height=96> <br> <table border=0> <tr> <td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="prev1.jpg" width="32" height="18" border="0" name="prev"></td> <td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src"><img src="go1.jpg" width="48" height="24" border="0" name="go"></td> <td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="next1.jpg" width="32" height="18" border="0" name="next"></td> </tr> </table> <br> <font color="#A3ACC9" size="2" face="Arial"> Browse to a picture you like and click "GO".</font> </td> </tr> </table> </center>